body{
	background-color:	#ECEAE0;
}
#wrapper{
	background-color:	#ECEAE0;
	width:90%;
	margin-left:5%;
	height:auto;
	background-color:white;
}
#banner{
	border:1px solid black;
	width:100%;
	height:150px;	
}
#body{
	float:left;
	width:74%;
	
}
#menubar{
	border:1px solid blue;
	width:100%;
	height:30px;	
}
#leftBar{
	float:left;
	width:25%;
	
}
#footer{
	border:1px solid #778899;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	background-color: 	#8db3ff;
	text-align:center;
}
.article{
	width:100%;
	height:auto;
	margin-top:20px;
	margin-bottom:20px;
}
h3{
	width:100%;
	background-color: 	#D3D3D3;
	margin-top:0px;
	text-align: center;
}
.box{
	width:95%;
	height:200px;
	border:1px solid #778899;
	margin-left:5%;
	margin-top:30px;
	margin-bottom:20px;
}


#navbar {
	margin: 0;
	padding: 0;
	height: 30px; 
	background-color: 	#8db3ff;
	}
#navbar li {
	list-style: none;
	float: left; }
#navbar li a {
	display: block;
	padding: 3px 8px;
	background-color: 		#8db3ff;
	color: #fff;
	text-decoration: none; }
	#navbar li ul {
	display: none; 
	width: 10em; /* Width to help Opera out */
	background-color: #69f;}
	#navbar li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; 
	}
	#navbar li:hover a{	
	color:red;
	}
#navbar li:hover li {

	float: none; }
#navbar li:hover li a {
	background-color: #69f;
	border-bottom: 1px solid #fff;
	color: #000; }
#navbar li li a:hover {
	background-color: #8db3ff; }
	#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#navbar li:hover li, #navbar li.hover li {
	float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #69f;
	border-bottom: 1px solid #fff;
	color: #fff; }
	#navbar ul li:hover a{
		color:red;
	}